TIK · BAB III Mengenal Aplikasi Photoshop

Albert Arifin Felix

24/08/2021 16:37:19

SMA 12 K-13

Daftar Isi

BAB I Mengenal dan Mengaplikasikan Desain Grafis BAB II Mengaplikasikan Desain Grafis Vektor Tingkat Lanjut BAB III Mengenal Aplikasi Photoshop BAB IV Berkreasi dengan Photoshop Bab V Menggunakan Perangkat Lunak Presentasi

Halaman

Tujuan Pembelajaran:

Setelah mempelajari bab ini diharapkan

siswa mampu:

1. Memahami dan mengetahui spesifikasi

dan kegunaan

Photoshop.

2. Mengetahui komponen-komponen pada

Photoshop.

3. Mengerti dan mampu membuat kreasi

desain dengan

Photoshop.

Mengenal Aplikasi

Photoshop

Amatilah gambar disamping, kemudian

cari perbedaan antara satu burung dengan

burung yang lain. Apakah ada bedanya?

Semua burung tersebut tidak mempunyai

perbedaan karena sebenarnya hanya ada

satu gambar burung dan gambar burung

tersebut dimanipulasi sedemikian rupa

sehingga terlihat seperti terdapat beberapa

burung. Menarik bukan? banyak hal lain

y a n g d a p a t k i t a l a k u k a n d e n g a n

menggunakan

Photoshop

. Tidak hanya

seperti contoh gambar disamping.

KATA KUNCI

Photoshop

Channel

Option Bar

Tool Box

Zoom In

Zoom Out

Pallete

Marge Down

Marge Visible

Layer

Opacity

Pixels

Peta konsep

Mengenal

Aplikasi

Photoshop

Pemahaman

dan

Kegunaan

Mengenal

Lingkungan

Toolbox

Pallete

Basic

Layer

Text

TIK SMA

Kelas XII

BAB

BAB 3 Mengenal Aplikasi Photoshop

Mengenal Aplikasi

Photoshop

Pemahaman dan Kegunaan Photoshop

Photoshop

adalah sebuah aplikasi yang digunakan untuk

membuat atau memodifikasi gambar. Sampai saat ini,

Photoshop

masih menjadi aplikasi yang paling banyak

digunakan dalam hal

image editor

. Versi terbarunya adalah

Adobe Photoshop CS4

, tetapi untuk saat ini kita akan

menggunakan

Adobe Photoshop 7.0.

Untuk membuka aplikasi

Photoshop

klik

tombol

Start

, kemudian pilih

All

Program

dan klik

Adobe Photoshop

7.0.

Atau jika kalian belum memiliki

Adobe Photoshop 7.0

, kalian dapat

melakukan instalasi terlebih dahulu.

Setelah kita mengetahui apa itu

Photoshop

, lalu apa kegunaannya?

Pada dasarnya,

Photoshop

digunakan

untuk melakukan manipulasi gambar

atau

image

, manipulasi itu meliputi

manipulasi teks, manipulasi benda, dan

juga manipulasi foto. Dalam kehidupan

nyata,

photoshop

digunakan untuk

membuat poster, membuat design

background

sebuah halaman web, edit

foto, dan masih banyak lagi.

Gambar 3.1

Membuka Adobe Photoshop 7.0

Tahukah Kamu

Adobe Photoshop 7.0

adalah aplikasi yang dapat berjalan pada Sistem Operasi

Windows

dan

Machintos

. Untuk menjalankan aplikasi ini kalian harus

memenuhi spesifikasi yang disarankan, yaitu:

Prosesor minimal Intel Pentium III

RAM minimal 256 MB

Kapasitas kosong pada Harddisk paling tidak 120 MB

Gambar 3.2

Contoh poster yang

menggunakan

Adobe Photoshop 7.0

Ayo Cari Tahu

Penerapan aplikasi

photoshop

dalam kehidupan kita sangat banyak sekali. Ayo

cari contoh poster atau apapun yang menggunakan

Adobe Photoshop

. Jika

kalian sudah menemukannya, kalian simpan itu dalam komputer atau rak buku

kalian, nanti setelah kita mempelajari

Photoshop

lebih lanjut kalian dapat coba

membuat poster atau apapun yang telah kalian simpan tadi, oke.

Mengenal Lingkungan Photoshop 7.0

Seseorang yang akan membangun sebuah rumah pasti akan

melihat serta mempelajari lingkungan di mana dia akan

membangun rumah tersebut. Begitu juga ketika akan

menggunakan program

Photoshop

, kita harus mempelajari

lingkungan dari

Photoshop

terlebih dahulu sebelum

menggunakannya lebih lanjut. Tentunya seorang yang telah

mempelajari lingkungan

Photoshop

akan menjadi lebih mudah

untuk membuat sesuatu atau

mengedit sesuatu daripada

o r a n g y a n g b e l u m

mempelajarinya.

Ada banyak

tool

dan

panel

yang akan kita pelajari saat

menggunakan

Photoshop

Pada sub bab ini kita akan

mempelajari bagian-bagian

penting pada

Photoshop

Berikut ini adalah tampilan

awal ketika kita membuka

aplikasi

Photoshop 7.0

TIK SMA

Kelas XII

Toolbox

Menu Bar

Option Bar

Palette Well

Palette

Gambar 3.3

Tampilan awal Adobe Photoshop 7.0

Soal

1. Jelaskan apa yang

kamu ketahui tentang

photoshop!

Nama

Keterangan

Menu Bar

Palette

Toolbox

Berisi menu-menu atau perintah-perintah yang disediakan

Photoshop

untuk menyimpan, memanipulasi gambar, dan lain-

lain. Pada

Photoshop 7

, menu bar terdiri atas

Menu, Edit, Image,

Layer, Select, Filter, View, Window,

dan

Help

Adalah

panel-panel

yang dapat kita gunakan untuk memonitor

dan memodifikasi gambar.

Merupakan kumpulan

tool-tool

yang kita gunakan untuk

membuat dan memanipulasi gambar atau teks.

Tabel Daftar tombol toolbar beserta fungsinya.

Palette Well

Option Bar

Bar ini merupakan sarana baru untuk menampilkan peraturan

tambahan/khusus dari

toolbox

yang dipilih atau aktif.

Option

Bar

baru diperkenalkan pada Photoshop 6.

Pallete

yang terdapat pada

Palette Well

akan tetap digunakan

sewaktu-waktu, tetapi akan tersembunyi sehingga tidak

memakan tempat pada layar monitor.

Kalian pernah melihat seorang dokter dengan membawa tas

dokternya? Atau pernah melihat tukang kayu dengan kotak

peralatannya? Atau seorang anak sekolah dengan ranselnya?

Mereka semua bekerja sesuai dengan profesi mereka masing-

masing dengan mengguna-

kan alat-alat yang ada di

tas/kotak mereka. Demikian

juga

Photoshop

memiliki

Toolbox

atau kotak peralatan,

di sini tersedia semua alat-

alat yang kalian perlukan

untuk melakukan manipulasi

image. Nah, pada saat ini kita

akan melihat alat-alat apa

s a j a y a n g d i s e d i a k a n

Photoshop

untuk melengkapi

k i t a d a l a m m e l a k u k a n

m a n i p u l a s i

i m a g e

. D i

samping ini adalah gambar

Toolbox

pada

Photoshop 7

beserta keterangannya.

1. ToolBox

BAB 3 Mengenal Aplikasi Photoshop

Menuju ke Adobe Online

Move Tool

Magic Wand Tool

Slice Tool

Paintbrush Tool

History Brush Tool

Gradient Tool

Dodge Tool

Type Tool

Shape Tool

Eyedropper Tool

Zoom Tool

Background Color

Marquee

Lasso Tool

Crop Tool

Healing Tool

Clone Stamp

Eraser Tool

Blur Tool

Path Selection Tool

Pen Tool

Annotation Tool

Hand

Foreground Color

Gambar 3.4

Toolbox pada Photoshop 7.0

Tahukah Kamu

Jika kalian perhatikan lebih teliti

tool-tool

pada

Toolbox

, kalian akan menemukan

perbedaan, ada beberapa

tool

dengan tanda panah hitam di ujung kanannya dan

ada beberapa

tool

yang tidak ada.

Tool dengan tanda hitam di ujung kanannya merupakan submenu dari

tool

tersebut. Submenu dari

tool

digunakan untuk penggunaan yang lebih spesifik,

nanti kita akan pelajari.

Kalian dapat klik kanan pada

tool

yang terdapat submenunya.

TIK SMA

Kelas XII

Gambar

Keterangan

Marquee Tool

Keduanya digunakan untuk melakukan

selection

/ seleksi.

Move Tool

Digunakan untuk memindahkan suatu elemen-elemen, seperti

gambar, layer, dan garis.

Magic Wand Tool

Berfungsi untuk memilih daerah dengan warna yang sama.

Lasso Tool

Membuat seleksi dengan melakukan pemilihan yang berbentuk

bebas.

Polygon Lasso

(Submenu dari

Lasso Tool

)

Digunakan untuk membuat seleksi dengan bentuk lurus.

Magnetic Lasso

(Submenu dari

Lasso Tool

)

Menyeleksi sesuatu pada perbatasan

pixel

Crop Tool

Merupakan alat yang menyeleksi gambar berbentuk segiempat,

kemudian memotongnya dengan klik kanan di atas hasil seleksi,

lalu pilih crop.

Slice Tool

Digunakan untuk membelah gambar.

Slice Selection Tool

(Submenu

Slice Tool

)

Untuk memilih belahan-belahan gambar.

Paintbrush Tool

Untuk menggambar seperti menggambar dengan kuas.

BAB 3 Mengenal Aplikasi Photoshop

Pencil Tool

(Submenu

Paintbrush Tool

)

Digunakan untuk menggambar dengan sisi yang tajam seperti

menggambar menggunakan pensil.

Healing Tool

Digunakan untuk memperbaiki gambar.

Patch Tool

(Submenu dari

Healing Tool

)

Memperbaiki ketidaksempurnaan bagian gambar dengan sample

atau pola.

Sharpen Tool

(Submenu

Blur Tool

)

Menegaskan atau menajamkan sisi gambar yang kabur.

Clone Stamp Tool

Mengganda sebuah gambar.

Pattern Stamp Tool

(Submenu

Clone Stamp Tool

)

Menggambar pola dengan menggandakan pola gambar yang lain.

History Brush Tool

Mengembalikan bagian image ke kondisi semula sebelum kita

melakukan

paintbrush

Art History Brush Tool

(Submenu

History Brush

)

Mengembalikan bagian gambar ke kondisi awal.

Gradient Tool

Mengisi seleksi warna dengan warna

gradient

(campuran warna).

Paint Bucket Tool

(Submenu

Gradient Tool

)

Mengisi seleksi dengan warna

foreground

Eraser Tool

Untuk menghapus area tertentu pada gambar kita.

Background Eraser Tool

(Submenu

Eraser Tool

)

Menghapus bagian-bagian gambar sehingga menjadi transparan.

Magic Eraser Tool

(Submenu

Eraser Tool

)

Menghapus suatu daerah warna menjadi transparan dengan 1 kali

klik.

Blur Tool

Mengaburkan sisi gambar yang tajam.

Smudge Tool

(

Submenu Blur Tool

)

Meratakan atau mengaburkan bagian gambar tertentu.

Dodge Tool

Menerangi bagian-bagian gambar tertentu.

Burn Tool

(

Submenu Dodge Tool

)

Menggelapkan bagian-bagian gambar tertentu.

Type Tool

Untuk membuat huruf atau tulisan.

Vertical Type Tool

(

Submenu Text Tool

)

Untuk membuat tulisan secara vertikal.

Path Selection Tool

Membuat pemilihan dengan bentuk bebas dengan bantuan titik,

garis, serta titik arah.

Pen Tool

Untuk menggambar path dengan sisi yang halus.

Free Form Pen Tool

(

Submenu Pen Tool

)

Untuk menggambar path secara bebas.

Shape Tool

Digunakan untuk menggambar sebuah bantuk (segiempat, segi-

lima, dan lain-lain).

Eyedropper Tool

Mengambil warna dari gambar lain.

Color Sample Tool

(Submenu

Eyedropper Tool

)

Untuk membuat sampel warna yang akan diambil.

Measure Tool

(Submenu dari

Eyedropper Tool

)

Untuk menghitung jarak, lokasi, dan sudut.

Sponge Tool

(

Submenu Dodge Tool

)

Mengubah saturasi warna pada daerah tertentu.

Annotation Tool

(

Note

)

Untuk membuat catatan pada gambar kita.

TIK SMA

Kelas XII

BAB 3 Mengenal Aplikasi Photoshop

TIK SMA

Kelas XII

Annotation Tool

(Suara)

Untuk membuat catatan berupa suara.

Hand Tool

Menggerakkan gambar dalam jendela gambar.

Zoom Tool

Untuk memperbesar atau memperkecil tampilan gambar.

Foreground

dan

Background Tool

Untuk mengatur warna

foreground

dan

background

Tips and Trick

Ada cara lain supaya kita dapat memilih submenu dari sebuah tool. Selain kita

dapat klik kanan pada tool tersebut, kita juga dapat melakukannya dengan menahan

tombol alt pada

keyboard

, kemudian kita klik kiri pada tool tersebut. Mudah

bukan? Ayo kita coba cara yang kedua ini.

2. Palette

Apabila kita menggunakan

tool-tool

pada

Toolbox

saja, tentu

tidak cukup. Seperti pisau membutuhkan batu pengasah, begitu

juga

tool-tool

pada

Toolbox

membutuhkan

Palette

ini.

Palette

ini berfungsi untuk memonitor dan memanipulasi gambar

dengan lebih spesifik.

Ada banyak

palette

yang terdapat dalam

Photoshop

, di

antaranya:

Navigator Palette

Color Palette

History Palette

Pada bagian kiri jendela

Photoshop

akan muncul kumpulan

Palette seperti di atas.

Palette-palette

tersebut dikelompokkan

berdasarkan kegunaannya.

Navigator Palette

Berfungsi untuk melihat bagian dari gambar. Pada bagian

bawah dari

Palette

ini terdapat

slide

untuk memperbesar atau

memperkecil tampilan gambar.

Palette

ini akan sangat terasa

manfaatnya ketika tampilan gambar lebih besar daripada

jendela

windows

kita.

Pada

palette

ini kita akan mendapatkan informasi mengenai

posisi kursor, ukuran elemen yang dipilih, serta presentasi

warna RGB atau CMYK.

Info Palette

Gambar 3.5

Palette pada

Photoshop 7.0

TIK SMA

Kelas XII

Gambar 3.6

Navigator Palette dan

Info Palette

Tips and Trick

Untuk menyembunyikan

Palette

dari layar

kalian dapat melakukannya

dengan klik pada setiap

palette

. Cara yang lain adalah dengan menahan

tombil

Shift

pada

keyboard,

kemudian tekan

Tab

, begitu juga untuk

memunculkannya kembali.

Gambar 3.7

Color Palette, Swatches Palette,

dan Styles Palette

Kumpulan

palette

di atas digunakan untuk merubah warna,

mulai dari warna biasa sampai warna-warna yang telah

dimanipulasi sehingga menjadi

style

Color Palette

Digunakan untuk mengatur warna

foreground

dan

background

Gambar dua buah persegi di bagian kiri palette ini digunakan

untuk memilih

foreground

atau

background

, sedangkan warna

yang akan kita gunakan dapat kita pilih pada bagian bawah

palette

Berisi tabel warna yang dapat kita gunakan, kita dapat

mengambil warna-warna di sini dengan menggunakan

Eyedropper Too

Berisi

pattern

atau

style-style

yang telah disediakan oleh

Photoshop

untuk dapat kita gunakan sebagai pengganti warna

pada gambar kita.

Swatches Palette

Styles Palette

Pada

Palette

ini kita dapat melihat langkah-langkah apa saja

yang telah kita lakukan. Kita juga dapat kembali ke langkah

sebelumnya (

undo

) dengan mengklik langkah tersebut.

History Palette

BAB 3 Mengenal Aplikasi Photoshop

Gambar 3.8

History Palette

Pada

Photoshop

, kita dapat mengelompokkan perintah-

perintah ke dalam sebuah aksi.

Palette

ini berfungsi untuk

merekam dan memainkan aksi tersebut.

Action Palette

Gambar 3.9

Action Palette

Pada

Palette

ini, kita dimungkinkan untuk menyimpan

pengaturan pada

tool

dan memakainya kembali. Kita dapat

membuat, mengedit, atau memakai

libraries

dari

tool presets

Tool Presets Palette

Seseorang yang bermain-main dengan

Photoshop

akan sering

menggunakan

Layer

untuk memanipulasi gambar. Kita dapat

mengatur layer dengan

Layers Palette

Pallete

ini digunakan untuk memanipulasi

Layer

(Lapisan

Gambar).

Photoshop

memungkinkan kita untuk membuat lebih

dari satu lapisan gambar. Di belakang akan dijelaskan lebih

lanjut untuk penggunaan

layer

Layers Palette

Gambar 3.10

Tool Presets Palette

Gambar 3.11

Layers Palette

Palette

ini berguna untuk memonitor efek edit yang telah kita

lakukan. Informasi yang dapat kita peroleh adalah

RGB, Red,

Green

, dan

Blue

Channel

tersebut dapat kita non-aktifkan

sesuai kebutuhan kita.

Channels Palette

Paths Palette

Palette ini me-list nama dan gambar dari setiap

path

yang

disimpan,

current work path

, dan

current vector mask

TIK SMA

Kelas XII

Gambar 3.12

Channels Palette

Gambar 3.13

Paths Palette

3. Dasar-Dasar Layer

Layer adalah salah satu kemampuan

Photoshop

yang membuat

banyak orang menggunakan aplikasi ini. Dengan

Layer

, kita

dapat memanipulasi gambar sesuka kita.

Layer

seperti sebuah lapisan kertas mika (kertas yang terbuat

dari bahan plastik dan tembus pandang). Masing-masing kertas

mika tersebut bebas kita gambar

dan warnai sesuai keinginan kita.

Jika kita menumpuk semua kertas

mika yang telah kita gambar

menjadi satu tumpukan maka kita

dapat melihat semua gambar

yang kita gambar terlihat dari satu

s i s i . D e m i k i a n j u g a p a d a

Photoshop

, kita dapat memiliki

lebih dari satu

layer

dan masing-

masing

layer

dapat kita edit atau

manipulasi tanpa memengaruhi

layer yang lain.

Untuk membuat, menghapus, dan memanipulasi

layer

kalian

dapat melakukannya dengan dua cara, yaitu melalui

Layer

Palette

dan melalui pilihan

Layer

pada

menu bar

. Kedua-

duanya akan kita butuhkan.

Sumber :

www.webdesign.org

Gambar 3.14

Layer pada Photoshop

Gambar 3.15

Dua cara mengakses

Layer

BAB 3 Mengenal Aplikasi Photoshop

Sekarang mari kita coba untuk membuat poster sederhana

mengenai pencemaran lingkungan dengan menggunakan

beberapa gambar dan beberapa

layer

1. Sekarang coba kalian buat untuk membuat halaman baru

dari

photoshop

dengan masuk ke pilihan

File

New

, lalu

ubah nama menjadi Poster Pencemaran dan atur

Presets

Sizes

menjadi A4.

Jika pada komputer kalian telah keluar tampilan seperti di

atas, kalian dapat mengatur nama dan jenis kertas yang akan

kita gunakan. Kita juga dapat mengatur sendiri besar kertas

yang akan kita gunakan.

2. Sekarang kita

open

gambar yang telah di sediakan pada CD

> Bab.3 > pabrik.png. Kalian dapat melakukan

open

melalui

Menu Bar

File

Open

, atau dengan menahan Ctrl, lalu

menekan O.

3. Ada dua halaman yang

terbuka, halaman pertama

adalah halaman Poster

Pencemaran, kemudian

h a l a m a n y a n g k e d u a

adalah gambar yang tadi

kalian open. Lalu kalian

coba klik kiri di gambar

yang telah kalian buka itu,

jangan di lepas, tapi

ditahan. Kalian lepas klik itu tepat di atas halaman yang tadi

kita buat. Cara tersebut lebih dikenal dengan istilah

drag

Gambar 3.16

Tampilan saat membuka

halaman baru

Tips and Trick

Kalian dapat melakukan cara lebih mudah untuk

membuka halaman baru, yaitu dengan menahan tombol

“Ctrl”, lalu tekan “N”.

Kalian lihat, gambar pada halaman Poster Pencemaran akan

terlihat sangat kecil, padahal kita tidak mengubah-ubah besar

gambarnya. Ini karena

tampilan kanvas yang kita

gunakan berbeda. Coba

kalian lihat bagian atas dari

s e t i a p g a m b a r , b a i k

pabrik.png ataupun Poster

Pencemaran.psd.

Gambar 3.17

Tampilan ketika kita telah

men-drag gambar ke

halaman lain.

TIK SMA

Kelas XII

Sekarang

mari kita samakan tampilan kanvas untuk

membuktikan bahwa gambar yang kita

copy

tadi adalah sama.

Pertama kalian klik

Zoom Tool

pada

Toolbox

. Setelah itu

kalian lihat pada

Option Bar

bagian kiri, ada gambar

Zoom Tool

dengan tanda + dan ada gambar

Zoom Tool

dengan tanda -.

Tanda + disebut

Zoom In,

digunakan untuk memperbesar

tampilan layar, sedangkan - disebut

Zoom Out,

gunakan untuk

memperkecil. Sekarang kita pilih yang bertanda -. Pastikan

yang kalian

Zoom Out

adalah Pabrik.png.

Setelah itu, kalian klik terlebih dahulu halaman gambar

pabrik.png, lalu klik lagi di atas gambarnya sambil

memperhatikan persentase tampilan kanvas pada bagian atas

gambar. Kalian klik beberapa kali sampai persentase tampilan

kanvas Pabrik.png sama dengan tampilan layar Poster

Pencemaran.psd yaitu 16.7%.

Gambar 3.19

Pilihan untuk Zoom In

atau Zoom Out.

Tahukah Kamu

Coba kalian perhatikan apa yang terjadi jika kalian menahan tombol “Alt” pada

keyboard

ketika kalian melakukan klik pada gambarnya? Lalu, apa yang terjadi

jika pada

Option Bar

kalian pilih tanda +, kemudian melakukan hal yang sama,

yaitu menahan tombol “Alt” sambil klik pada gambar?

Sekarang kalian tahu bahwa kedua gambar tersebut sama.

Bagaimana jika kita menginginkan gambar pabrik.png yang

lebih besar? Kita dapat melakukannya dengan mengatur

Image

Size

terlebih

dahulu

pada

gambar

pabrik.png

menjadi

1024

703 pixel.

Gambar 3.20

Zoom In dan Zoom Out melalui

Navigator Palette.

Gambar 3.18

Perbedaan dari tampilan kanvas.

Coba kalian lihat bagian

Layer Palette

, kalian akan lihat ada

tiga

layer

di sana.

Layer

paling bawah adalah

Background

, lalu

Layer 1

dan

Layer 2

. Kalian dapat menghapus

Layer 1

dengan

memilih

Layer 1

dengan klik di atas tulisan

Layer 1

, setelah itu

klik lagi pada gambar tempat sampah pada bagian bawah kanan

dari

Layer Palette

Setelah kalian klik gambar tempat sampah

tersebut, akan muncul pertanyaan untuk

memastikan,

Delete the “Layer 1”

?, kalian pilih

“Yes”.

Selain melalui

Layer Palette

, kalian juga dapat

menghapus

layer

melalui

Menu Bar

dengan

memilih

Layer

Delete

Layer

Setelah itu, kita

rename Layer 2

menjadi Pabrik, caranya kalian

klik kanan di atas tulisan

Layer 2

, lalu pilih

Layer Properties

Setelah itu. akan muncul jendela

Layer Properties

, di situ

kalian ubah

Name

dari

Layer 2

menjadi Pabrik, kemudian klik

OK.

BAB 3 Mengenal Aplikasi Photoshop

Tips and Trick

Kalian juga dapat melakukan

Zoom In

dan

Zoom Out

dengan

memanfaatkan

Navigator Palette

, seperti gambar di samping.

Cara mengubah

Image Size

, pertama kalian klik pada halaman

pabrik.png, lalu pada

Menu Bar

kalian pilih

Image

, kemudian

pilih

Image Size

. Setelah keluar jendela

Image Size,

kita atur

Width

dan

Height

menjadi 1024

pixels

dan 703

pixels

Gambar 3.21

Jendela Image Size

Setelah itu, kita drag kembali gambar Pabrik.png ke halaman

Poster Pencemaran.png. Kalian akan melihat tampilan seperti

di bawah ini.

Gambar 3.22

Hasil setelah kita melakukan

drag ulang gambar pabrik.png ke

halaman Poster Pencemaran.psd.

TIK SMA

Kelas XII

Gambar 3.23

Menghapus Layer melalui

Layer Palette.

Tips and Trick

Ada cara yang lebih mudah, yaitu dengan melakukan

double

klik (klik kiri

dua kali) tepat di atas tulisan

Layer

2, lalu ganti tulisan

Layer

2 menjadi

Pabrik.

4. Kita dapat menutup gambar Pabrik.png yang tadi kita Open.

Kemudian, kita klik kembali layer Pabrik, setelah itu

kembali ke halaman Poster Pencemaran kita, lalu drag

gambar pabrik itu ke ujung paling kiri bawah.

5. Lalu

kalian buat beberapa layer lagi yang berisi gambar

yang sama, yaitu gambar pabrik. Caranya kalian klik kanan

pada

Layer

Pabrik, kemudian pilih

Duplicate Layer

Setelah itu, akan muncul jendela

Duplicate Layer

, pada

jendela itu kalian beri nama Pabrik1.

Gambar 3.24

Duplicate Layer

6. Kalian lakukan hal sepeti di atas

sampai sebagian besar

layer

Background

tertutupi oleh gambar-

gambar. Kalian dapat mencari

gambar sendiri di internet atau

mengambil gambar yang telah di

sediakan pada CD buku ini.

Gambar 3.25

Gambar dengan lebih

dari 2 layer

BAB 3 Mengenal Aplikasi Photoshop

Tahukah Kamu

Ketika kalian menambahkan

layer

, urutan penambahan berpengaruh pada tampilan

gambar yang akan dihasilkan, yang terakhir ditambahkan akan berada di paling atas.

Seperti gambar di samping, gambar asap merupakan gambar/

layer

yang

ditambahkan terakhir sehingga ada di atas gambar lainnya.

7. Kalian dapat mengubah urutan

layer

dengan cara men-drag

layer

yang akan kalian ubah ke posisi yang kalian inginkan

pada

Layer Palette

Kalian juga dapat mengatur

tingkat transperansi sebuah

layer dan juga mengatur

banyaknya

pixels

dalam

s e b u a h

l a y e r

. U n t u k

m e n g a t u r t i n g k a t

transparansi

kalian dapat

mengatur

Opacity

, semakin

sedikit

Opacity

maka

Layer

akan semakin transparan.

Sedangkan untuk mengatur

banyaknya

pixels

pada

sebuah layer kalian dapat

mengatur

Fill

pada layer,

semakin rendah

Fill

maka

akan semakin sedikit

Gambar 3.26

Gambar saat kita men-drag layer.

Tips and Trick

Kalian juga dapat melakukannya melalui

Menu Bar

. Kalian pilih

Layer

kemudian

Arrange

. Di situ akan ada empat pilihan, yaitu:

Bring to Front.

Bring Backward.

Bring Forward

Bring to Back

Gambar 3.27

Perbandingan gambar

setelah menggunakan

Opacity dan Fill.

TIK SMA

Kelas XII

Pada contoh gambar 3.27, kita akan atur agar gambar sampah

tetap terlihat walaupun tertutup gambar asap. Pertama kita klik

layer asap, lalu pada bagian atas

Layer Palette

kita atur

Opacity

menjadi 65% dan

Fill

menjadi 70%.

Setelah kalian mengedit semua

layer

sesuka kalian dan kalian

yakin akan posisi dan hasil

edit

tersebut, kalian dapat

menjadikan beberapa

layer

bahkan semua

layer

menjadi satu

layer

. Tetapi konsekuensinya, jika kalian

edit

satu gambar

maka gambar lain yang ada di

layer

tersebut juga terkena

dampaknya.

Kalian coba pilih

Layer

pada

Menu Bar

, kemudian di bagian

bawah ada

Marge Down

dan

Marge Visible

. Itu adalah dua cara

untuk melakukan penggabungan

layer

, cara pertama hanya

untuk menggabungkan beberapa

yaitu dengan menggunakan

Marge Down

. Sedangkan cara yang kedua untuk secara

langsung menggabungkan semua

layer

, yaitu dengan

Marge

Visible,

syaratnya semua

layer

harus

visible

(terlihat). Sebuah

Layer

yang

visible

akan ada simbol mata di bagian kirinya.

Gambar 3.28

Pilihan untuk Marge Down

atau Marge Visible

4. Text

Kalian tidak mungkin membuat sebuah poster tanpa ada satu

kata pun di situ. Setidaknya pasti ada kata-kata untuk

memberitahu maksud dari gambar yang ada di poster tersebut.

Pada

Photoshop

, untuk membuat teks tidak susah, kalian cukup

pilih submenu pada

Type Tool

Toolbox

Pertama, kita akan mempelajari

Horizontal Type Tool

dan

Vertical Type Tool

. Keduanya sama-sama digunakan untuk

menulis sesuatu pada

Photoshop

, bedanya pada tampilan yang

dihasilkan.

Seperti gambar di samping,

Horizontal Type Tool

digunakan

untuk menulis secara

horizontal

, sedangkan

Vertical Type Tool

digunakan untuk menulis secara

vertikal

Pada

Photoshop

ada dua kategori Teks, yaitu:

Point Type

dan

Paragraph Type

Point Type

digunakan untuk menulis teks

yang hanya berisi satu kata atau satu baris kalimat. Sedangkan

Paragraph Type

digunakan untuk menulis lebih dari satu baris

kalimat atau paragraf.

Gambar 3.29

Pilihan Type Tool

BAB 3 Mengenal Aplikasi Photoshop

Gambar 3.30

Horizontal dan Vertical Type Tool

Gambar 3.31

Membuat Paragraph Type Tool

Gambar 3.32

Option Bar untuk Type Tool

a. Point Type

Untuk membuat

Point Type

, kalian cukup klik

Horizontal

atau

Vertical Type Tool

pada

Toolbox

. Lalu, kalian klik bagian

halaman yang akan kita tulis sesuatu.

b. Paragraph

Untuk

Paragraph Type

, ada sedikit perbedaan pada saat kalian

men-klik di bagian halaman yang akan kalian tulis. Setelah

kalian memilih

Horizontal

atau

Vertical Type Tool

, kalian harus

men-klik, lalu menahan klik tersebut sampai persegi yang

dihasilkan sesuai dengan perkiraan besar paragraf yang akan

kalian tulis.

Setelah kita mempelajari tentang

Horizontal

dan

Vertical Type

Tool

, kita akan mempelajari mengenai bagaimana cara

mengubah tampilan teks. Kalian cukup mengenal

Option Bar

saat kalian telah memilih

Type Tool

Mengubah Orientasi Teks

Jika kalian klik tombol ini, orientasi akan berubah dari

Horizontal menjadi Vertical atau sebaliknya.

Mengubah Jenis

Font

Pada pilihan ini, kalian dapat mengubah font yang kita suka.

Mengubah Ketebalan Teks

Untuk mengatur seberapa tebal teks yang kita inginkan.

Mengubah Ukuran

Font

Tool yang digunakan untuk mengubah besar/ukuran font.

TIK SMA

Kelas XII

Mengubah Kehalusan

Font

Digunakan untuk mengatur kehalusan yang dimiliki oleh font.

Mengubah Warna Teks

Kita juga dapat mengubah-ubah warna pada teks menggunakan

Tool ini.

Mengatur Penjajaran

Seperti pada

Microsoft Word

, kita dapat mengatur teks kita

menjadi rata tengah, kiri, atau kanan.

Warp Text

Dapat membuat teks menjadi melengkung atau membentuknya

seperti gelombang dan lain-lain.

Tahukah Kamu

Kalian dapat mengubah tampilan teks sebelum membuat teks maupun sesudah

membuat teks. Tetapi yang perlu diingat jika kalian mau mengubah tampilan

teks setelah membuat teksnya, kalian perlu mem-blok terlebih dahulu bagian

teks yang akan dirubah tampilannya.

Photoshop

juga menyediakan dua

Palette

khusus yang

digunakan berhubungan dengan teks, yaitu

Character Palette

dan

Paragraph Palette

. Di situ kalian dapat melakukan lebih

banyak hal daripada sekedar mengandalkan

Option Bar

Untuk menampilkan

Character

dan

Paragraph Palette

, kalian

dapat memilih

Window

pada

Menu Bar

, lalu kalian cukup pilih

salah satu antara

Character

atau

Paragraph

. Setelah itu, akan

muncul satu jendela baru dengan dua

Palette

langsung, yaitu

Character

dan

Paragraph Palette

Sebagai

Layer

, Teks juga dapat dimanipulasi. Kalian dapat

melakukannya dengan men-klik pada bagian bawah

Layer

Palette

. Setelah itu, kalian dapat memilih manipulasi apa yang

kalian inginkan.

Gambar 3.33

Character Palette dan

Paragraph Palette

BAB 3 Mengenal Aplikasi Photoshop

Ayo Cari Tahu

Coba kalian cari tahu, apa saja yang dapat dilakukan melalui

Character

dan

Paragraph Palette

? Dibandingkan melalui

Option Bar

, mana yang lebih

lengkap?

Kalian masih ingat? Dari empat submenu Type Tool

kita baru

mempelajari dua submenu, yaitu Horizontal dan Vertical Type

Tool. Sekarang kalian akan tahu kegunaan dua Type Tool yang

lain, yaitu

Horizontal

dan

Vertical Type Mask

Kedua Tool ini

berfungsi untuk membuat mask/seleksi yang berbentuk huruf.

Untuk lebih memahami kegunaan

Tool

ini, mari ikuti panduan

membuat teks dengan menggunakan

Horizontal Type Mask

Gambar 3.34

Horizontal dan

Vertical Type Mask.

Pertama

, buka gambar apapun yang kalian ingini atau jika

kalian mau, kalian dapat mengmbil gambar tree.jpg pada CD.

Tentunya kalian buka melalui

Photoshop

dengan cara klik

File

lalu

Open

, atau menahan tombol “

Ctrl

” dan menekan

huruf “O”.

Setelah itu

kalian klik

Type Tool

pada

Toolbox

dan memilih

Horizontal Type Mask

. Aturlah jenis, ukuran, dan lain-lain jika

perlu, kemudian kalian klik pada gambar. Setelah kalian klik

pada gambar, gambar akan memasukki

mode masking

, lalu

kalian tulis “

TREE

”. Setelah itu, klik

Commit

di bagian

Option

Bar

Gambar 3.35

Tree.JPG

Tahukah Kamu

Setelah kalian klik

Commit

, kalian tidak dapat melakukan edit lagi pada Teks, jadi

telitilah sebelum klik

Commit

TIK SMA

Kelas XII

Jika kalian melakukannya dengan benar, pada gambar akan

muncul tulisan “

TREE

” yang berbentuk mask (bidang yang

terseleksi).

Kemudian

kalian pilih

Select

pada

Option Bar

, lalu pilih

Transform Selection

Gambar 3.36

Hasil tulisan menjadi Mask

Tahukah Kamu

Transform Selection

digunakan untuk menjadikan teks tersebut menjadi suatu

objek yang dapat diperbesar atau diperkecil.

Setelah kalian klik, akan muncul persegi kecil di setiap ujung

dan tengah masing-masing sisi pada gambar. Persegi tersebut

dapat digunakan untuk merubah ukuran teks tersebut dengan

cara klik kiri pada persegi tersebut, ditahan, lalu klik

dilepaskan saat ukuran gambar telah sesuai keinginan kalian.

Setelah kalian menemukan ukuran

yang tepat, jangan lupa kalian

C o m m i t

t e r l e b i h d a h u l u .

Kemudian, kalian dapat men-

c o p y

, m e m o t o n g , a t a u

menggandakan hasil bidang

seleksi/mask yang telah kita buat

tadi. Dengan cara memilih

Layer

pada

Option Bar

, lalu pilih

New

. Lihat bagian bawah ada 2 pilihan, yaitu

Layer via Copy

dan

Layer via Cut

. Kalian dapat pilih salah satu.

Sekarang kalian lihat

Layer Palette

, ada dua layer di sana,

Layer Background

dan

Layer

1. Untuk melihat hasilnya, kalian

dapat membuat

Layer Background

tidak terlihat dengan men-

klik gambar mata di sebelah layer

Background

pada

Layer

Palette

Jika kalian mau, kalian dapat menambahkan tulisan

“TREE” tersebut ke dalam Poster Pencemaran yang

sebelumnya pernah kalian buat ketika belajar mengenai

Layer

. Kalian cukup membuka

file

Poster Pencemaran

tersebut, lalu men-

drag

tulisan tadi ke atas gambar yang

sudah ada.

Gambar 3.37

Saat mengubah ukuran

menggunakan Transform

BAB 3 Mengenal Aplikasi Photoshop

Kalian juga dapat mengubah ukuran tulisan tadi dengan

memilih

Edit

pada

Option Bar

, lalu pilih

Free Transform

caranya sama seperti ketika kalian mengubah ukuran melalui

Select

Transform Selection

Gambar 3.38

Saat membuat layer tidak

terlihat

Gambar 3.39

Saat memutar tulisan

Selain itu, kalian juga dapat memutar tulisan “TREE” tersebut

sesuai keinginan kita. Dengan cara sama seperti merubah

ukuran, tapi kita arahkan kursor ke ujung tulisan seperti gambar

di samping. Lalu klik kiri dan ditahan, sampai kalian

menemukan posisi yang tepat.

Sekarang kita akan mencoba

membuat teks menjadi lebih

menarik dengan mengguakan

e f e k - e f e k y a n g t e l a h

disediakan oleh Photoshop.

Kali ini kita akan belajar agar

Teks yang kalian tulis menjadi

seperti Es yang mencair.

Pertama

kalian buat

Foreground

menjadi putih dan

Background

menjadi hitam. Caranya kalian cukup klik pada

Toolbox bagian yang warna seperti di samping. Klik persegi

yang di atas untuk mengubah warna

Foreground

dan klik

persegi yang di bawah untuk mengubah warna

Backgroud

Kemudian, buat halaman baru dengan nama “Es” dan dengan

jenis kertas “A4”. Setelah itu, kalian buat

Channels

baru,

caranya klik “

Create a New Channel

” pada bagian bawah

Channel Palette

(berada bersamaan dengan

Layer Palette

Jika

Channel Palette

belum ada, kalian dapat membukanya

dengan pilih “

Window

” pada

Menu Ba

r, lalu klik

Channel

Pastikan

Channel Palette

menjadi seperti di berikut ini.

Tahukah Kamu

Apa perbedaan

Free Tansform

pada

Edit

dan

Transform Selection

pada

Select

Kalian akan tahu jawabannya ketika mencoba mengubah ukuran teks “TREE”

saat kalian belajar

Horizontal Type Mask

TIK SMA

Kelas XII

Gambar 3.40

Poster Pencemaran.psd

setelah kita tambahkan

Tulisan TREE dengan

menggunakan Horizontal

Type Mask.

Setelah itu, kalian dapat memilih

Horizontal atau

Vertical Type Tool

, lalu

tuliskan “

Save The Earth

”. Lalu atur jenis

dan ukuran

font

sesuka kalian. Kemudian

klik

Move Tool

untuk memindah-mindah

tulisan kita ke tempat yang kita sukai.

Gambar 3.41

Toolbox

Warna.

Gambar 3.42

New Channel.

Gambar 3.43

Hasil gambar setelah

Rotate

Canvas.

Kemudian, klik “

Image

” pada

Menu Bar

, lalu pilih “

Rotate

Canvas

” dan pilih yang 90 derajat CW, maka tampilan akan

seperti pada gambar 3.43.

Tahukah Kamu

Ketika kalian memilih

Rotate Canvas

, mungkin kalian sempat bertanya-tanya,

apa bedanya antara CW dan CCW. CW adalah kependekan dari

Clock Wise

, atau

dengan kata lain searah jarum jam. Sedangkan CCW adalah kebalikan dari CW,

yaitu berlawanan arah jarum jam.

Sekarang kita mulai memberi efek-efek pada tulisan yang telah

kita buat. Pertama kita beri efek

Wind

, caranya klik “Filter”

pada

Menu Bar

, kemudian pilih

Stylize

dan pilih

Wind

. Maka

akan muncul jendela seperti pada gambar 3.44.

Ubah

Method

menjadi

Wind

dan

Direction

menjadi

From The

Right

. Lakukan hal ini sampai 2 atau 3 kali agar efek yang

diperlihatkan menjadi lebih terasa. Setelah itu

tulisan “Save

The World” menjadi seperti ada tinta yang mencair. Untuk

lebih jelasnya kalian dapat melakukan Zoom.

Jika kita sudah

merasa puas dengan hasilnya kita dapat memutar kanvas

kembali seperti semula. Cukup dengan memilih

Rotate Canvas

lalu pilih 90 derajat CCW.

K a l i a n d a p a t

m e n g i k u t i

p e r k e m b a n g a n

desain Photoshop

dengan mengikuti

komunitasnya di

www.photoshop

21.com

Internet Link

BAB 3 Mengenal Aplikasi Photoshop

Agar tampak lebih nyata, kita akan

memberi efek lagi dengan

distort

. Caranya,

pada

Menu Bar Filter

kalian pilih

Distort,

lalu pilih

Ripple

maka akan muncul jendela

Ripple

. Kalian atur

Amount

menjadi 110%

dan

size Medium

. Gambar akan menjadi

seperi pada gambar 3.45.

Ini masih belum selesai, kita harus

memberi satu efek lagi untuk membuat

kesan air lebih nampak. Sekarang kalian

pilih

Filter

Sketch,

lalu

Stamp

. Berikutnya

atur

Light

Dark Balance

menjadi 1 dan

Smoothness

menjadi 5.

Maka gambar akan menjadi lebih seperti air.

Gambar 3.45

Hasil setelah memberi

efek Wind dan Distort >Ripple

Gambar 3.44

Jendela Wind

Setelah itu, kita perlu lakukan

Load Selection

untuk membuat

tulisan yang sudah kalian buat tadi menjadi

Selection

. Caranya

kalian pilih

Select

, lalu Pilih

Load Selection

Kemudian, kalian boleh menghapus

channel

“Alpha 1” karena

kita sudah tidak membutuhkannya lagi. Setelah itu, kalian beri

warna putih/white pada Selection kita. Klik

Edit

pada

Bar

, lalu pilih

Fill

Sekarang kita buat agar tulisan

menjadi seperti 3 dimensi,

caranya dengan memilih

Bas

Relief

pada

Filter

lalu

Sketch

Setelah keluar jendela

Bas

Relief

, aturlah sendiri sehingga

kesan 3 dimensi lebih terasa.

Pada gambar 3.47,

Bas Relief

diatur dengan

Detail

Smoothness

8, dan

Light Direction

Bottom

Jika kalian mau, kalian dapat memasukkan Teks “Save The

Earth” tadi ke dalam Poster Pencemaran.psd yang pernah

kalian buat sebelumnya.

Gambar 3.46

Jendela Load Selection

TIK SMA

Kelas XII

Gambar 3.47

Gambar setelah di atur Bas Reliefnya

Gambar 3.48

Poster Pencemaran.psd

setelah diberi manipulasi teks

Tahukah Kamu

Tulisan yang kalian buat memiliki warna dasar hitam dan putih. Jika kalian

menghendaki warna yang berbeda, kalian dapat mengaturnya pada

Foreground

dan

Background Color

. Lalu, saat kalian beri

Fill

pada

selection

, kalian juga dapat

menggunakan warna

Foreground

ataupun

Background

Photoshop

adalah sebuah aplikasi yang digunakan untuk membuat atau

memodifikasi gambar.

2. Ada 5 bagian yang harus diperhatikan dari Jendela

Photoshop

, yaitu

Bar, Option Bar, ToolBox, Palette,

dan

Palette Well

. Masing-masing memiliki

kegunaannya masing-masing.

ToolBox

adalah kotak peralatan yang kita gunakan untuk melakukan segala

sesuatu dalam

Photoshop

, mengedit, menggambar, dan sebagainya.

Palette

digunakan untuk memonitor dan memanipulasi gambar lebih spesifik.

Layer

dapat digambarkan seperti kertas transparan yang dapat kita gambar,

nantinya kertas tersebut dapat ditumpuk menjadi satu.

BAB 3 Mengenal Aplikasi Photoshop

Soal Evaluasi Bab 3

A. Pengecekan Konsep

Pilihlah salah satu jawaban yang paling benar!

Berikut ini yang

bukan

merupakan

kegunaan dari aplikasi

Adobe

Photoshop

adalah...

a. membuat poster

b. mengedit foto

c. menghias foto

d. menulis cerita

Bagian dari

Photoshop

yang

menampilkan peraturan khusus dari

tool box

yang aktif disebut ...

Palette

Menu Bar

Option Bar

Palette Well

Kegunaan dari

Slice Tool

adalah . . .

a. untuk melakukan seleksi

b. untuk membelah gambar

c. untuk memberi warna

d. untuk memperbaiki gambar

Berikut ini

bukan

merupakan

Palette

yang

terdapat

pada

Photoshop

adalah ...

Text Palette

Swatches Palette

Color Palette

Brush Palette

Palette yang berisi tabel warna, untuk

mengambil warna-warna dengan

menggunakan

Eyedropper Tool

adalah ...

Text Palette

Color Palette

Swatches Palette

Brush Palette

Dalam

Photoshop

, untuk membuka

halaman baru cukup menggunakan ...

a. Ctrl + N

c. Shift + N

b. Ctrl + O

d. Shift + O

Perintah “

Duplicate Laye

r” digunakan

untuk . . .

a. membuat layer baru

b. mengganti nama sebuah layer

c. mengaktifkan sebuah layer

d. membuat copy-an dari sebuah layer

Pilihan yang tepat mengenai

Marge

Down

dan

Marge Visible

adalah . . .

Marge Down

untuk menggabung

kan dengan layer di bawahnya,

sedangkan

Marge Visible

untuk

menggabungkan semua layer

Marge Visible

untuk menggabung

kan dengan layer di bawahnya,

sedangkan

Marge Down

untuk

menggabungkan semua layer

c. tidak ada perbedaan antara

Marge

Down

dan

Marge Visible

, sama-

sama untuk menggabungkan layer

Marge Down

untuk menggabung

kan dengan layer di bawahnya,

sedangkan

Marge Visible

untuk

menggabungkan semua layer yang

visible (terlihat)

Gambar di atas merupakan simbol

dari . . .

Type Tool

Type Mask

Warp Type

Point Type

Di bawah ini yang merupakan tipe

rotate searah jarum jam adalah ..

a. CCW

c. CW

b. CWW

d. CWC

TIK SMA

Kelas XII

B. Pemahaman Konsep

Jawablah pertanyaan di bawah ini!

Tuliskan apa yang kalian ketahui mengenai

Menu Bar

pada Photoshop.

Sebutkan minimal 10 macam tool dari

Tool Box

pada Photoshop!

Sebutkan dan jelaskan mengenai

Blur Tool

beserta submenunya!

Apa yang kalian ketahui mengenai

Channels Palette

Sebutkan cara-cara untuk mengakses layer (membuat, menghapus, serta

memanipulasi)!

Pada

Zoom Tool

, terdapat

Zoom In

dan

Zoom Out

. Apa yang dimaksud dengan

Zoom

dan

Zoom Out

Apakah

Opacity

dan

Fil

l pada

Layer Palette

sama? Jika tidak, berikan penjelasan

apa bedanya?

Untuk membuat

Paragraph Type

berbeda dengan menggunakan

Point Type

bagaimana cara menggunakan

Paragraph Type

? Jelaskan!

Apa kegunaan dari

Transform Selection

Apa yang membedakan

Type Tool

dan

Type Mask Tool

C. Aktifitas Siswa

Buatlah salah satu bentuk gambar di bawah ini.

Ambillah beberapa gambat clipart di internet, lalu gabungkan dengan menggunakan

Photoshop sehingga menjadi salah satu contoh gambar di bawah ini.